[React] react-device-detect를 활용하여 모바일 페이지 구현하기

이번에 배포를 하면서 pc에서 화면을 보는 걸 권장하긴 했지만 모바일로 봤을 때 화면이 깨지게 두는 건 좀 아니라는 생각이 들었습니다. 그래서 모바일 기기에서 접근했을 때는 아예 모바일 준비 중 페이지를 보여주기로 했습니다. React에서 모바일 기기 접근을 감지할 수 있는 방법을 찾던 중 react-device-detect라는 라이브러리를 발견했는데 아주 간단하게 모바일 접근을 감지할 수 ...

Reactresponsive webreact-device-detectReact

반응형 웹 - 설정

뷰포트 설정 설명 width 화면너비 height 화면 높이 initial-scale 초기 확대 비율 user-scalable 확대 및 축소 가능 여부 minimum-scale 최소 축소 비율 maximum-scale 최대 확대 비율 target-densitydpi DPI 지정 미디어 쿼리 설정 @-rule css 내부에서 특정한 규칙을 표현하는데 사용 @import, @font-face, ...

responsive webresponsive web